Day 9 - MainViewController 元件介紹

昨天我們完成了留言板的資料庫設計，今天要來介紹 MainViewController 所需的元件。

MainViewController 介面設計

在留言板的主畫面中，我們會需要以下元件：

• Label：兩個

  • lbComments：顯示留言標題。
  • lbUser：顯示使用者名稱標籤。

• TextField：一個

  • txfUser：輸入使用者名稱。

• TextView：一個

  • txvContent：輸入留言內容。

• Button：兩個

  • btnSent：送出留言。
  • btnSort：排序留言。

• TableView：一個

  • tbvTest：顯示所有留言。

IBOutlet 宣告

這些元件透過 IBOutlet 與程式碼連結：

// MARK: - IBOutlet

@IBOutlet weak var lbComments: UILabel!
@IBOutlet weak var lbUser: UILabel!
@IBOutlet weak var tbvTest: UITableView!
@IBOutlet weak var txvContent: UITextView!
@IBOutlet weak var btnSent: UIButton!
@IBOutlet weak var btnSort: UIButton!
@IBOutlet weak var txfUser: UITextField!

透過這些連結，我們就能在程式中讀取或控制 UI 元件。

小結

今天我們完成了 MainViewController 的介面設計，並將所有 UI 元件與程式碼連結。
明天我們會進一步介紹 MainViewController 的完整程式碼實作，包含送出留言、排序、編輯與刪除的功能。